 import React, { Component } from 'react';

 import '../css/swiper.css'
 import '../css/style.css'
 import Tabs from './Tabs';
 import Zhishu from './Zhishu';
 import Bk from './Bk';
 import ContentBox from './ContentBox';
 
 import {
    BrowserRouter as Router,
    Route,
    Link
  } from 'react-router-dom'

 class Page extends Component {
    constructor(props) {
        super(props);
        this.state={
            silderIndex:0
        }
       
       
    }
    OnChangeSilder = (index)=>{
         
        this.setState({silderIndex:index})
    }
     render() {
         return (
             <div>
                 
                 <Tabs index={this.state.silderIndex} />
                 
                 <Router>
                        <div>
                        <Route exact   path='/'  component={Bk} />
                             
                           
                          <Route  path='/bbb' component={ ContentBox   }  OnChangeSilder={this.OnChangeSilder}>
                            
                          </Route>
                         </div>
                 </Router>
            </div>
         );
     }
    }
     
    
   
    
   
  
 
 export default Page;